فرم هاي html

sali دوشنبه ۲۸ تیر ۰۰ ۱۴:۰۹ ۶ بازديد

فرم هاي html

وقتي كه مي خواهيد داده هايي را از سايت بازديدكننده جمع آوري كنيد، به فرم هاي HTML احتياج خواهيد داشت. به عنوان مثال در هنگام ثبت كاربر، اطلاعاتي مانند نام، آدرس ايميل و كارت اعتباري و غيره را جمع آوري مي كنيد. يك فرم داده ها را از بازديدكننده ي سايت مي گيرد و سپس آن را به يك برنامه ي پاياني مانند CGI، اسكريپت ASP يا اسكريپت PHP باز مي گرداند. برنامه ي پاياني فرايندهاي مورد نياز را بر اساس كار تعريف شده در برنامه، روي داده ي منتقل شده انجام مي دهد.
عناصر متفاوتي براي فرم در دسترس ميباشند، مانند فيلدهاي متن، فيلدهاي textarea، منوهاي رو به پايين، دكمه هاي راديو، چك باكس ها و غيره.

< form action="Script URL" method="GET|POST">

form elements like input, textarea etc.

< /form>

ويژگي هاي فرم

علاوه بر ويژگي هاي متداول، در زير ليستي از متداول ترين ويژگي هاي مربوط به فرم را مشاهده مي كنيد .

Attribute

Description

action

اسكريپت backend براي پردازش داده ي انتقال شده ي شما آماده ميباشد.

method

روشي براي بارگذاري داده. متداولترين روش هاي مورد استفاده GET و POST مي باشند.

target

پنجره ي هدف يا چارچوب را، جايي كه نتيجه ي اسكريپت نمايش داده خواهد شد، مشخص مي كند. اين ويژگي مقادير _blank, _self, _parent و غيره را به خود مي گيرد.

enctype

شما مي توانيد از ويژگي enctype براي مشخص كردن چگونگي برنامه نويسي توسط مرورگر قبل از ارسال به سرور، استفاده كنيد. مقادير ممكن عبارتند از: application/x-www-form-urlencoded - اين روش استانداردي است كه بيشتر فرم ها در سناريو هاي ساده استفاده مي كنند. mutlipart/form-data - اين روش زماني استفاده مي شود كه شما مي خواهيد داده هاي دوتايي را به شكل فايل هايي مانند تصوير بارگذاري كنيد.

كنترل هاي فرم HTML

انواع مختلفي از كنترل هاي فرم وجود دارند كه مي توانيد براي جمع آوري داده با استفاده از فرم HTML از آنها استفاده كنيد.

كنترل هاي ورودي متن
كنترل هاي چك باكس
كنترل هاي راديو باكس
كنترل هاي انتخاب باكس
باكس هاي انتخاب فايل
كنترل هاي مخفي
دكمه هاي قابل كليك شدن
ثبت و تنظيم مجدد

كنترل هاي ورودي متن

سه نوع ورودي متن وجود دارد كه در فرم ها استفاده مي شوند .

كنترل هاي ورودي متن تك خطي: اين كنترل براي آيتم هايي استفاده مي شود كه فقط يك خط از ورودي كاربر را لازم دارد، مانند باكس هاي جستجو و نام ها. اين كنترل ها با استفاده ازبرچسب < input> مربوطبه HTML ايجاد مي شوند.
كنترل ورودي گذرواژه: اين نيز يك متن ورودي تك خطي مي باشد، اما به محض اينكه كاربر كاراكتر را وارد مي كند، اين كنترل آن را مي پوشاند.
كنترل هاي متن ورودي چند خطي: زماني استفاده مي شود كه لازم است كاربر جزئياتي را وارد كند كه بيشتر از يك جمله مي باشند. كنترل هاي ورودي چند خطي با استفاده از برچسب < textarea> استفاده مي شوند.

كنترل هاي ورودي تك خطي

اين كنترل ها براي آيتم هايي استفاده مي شوند كه كاربر فقط يك خط ورودي احتياج دارد، مانند باكس هاي جستجو و نام ها و با استفاده از برچسب < input> مربوط به HTML ايجاد مي شوند.

مثال:

در اينجا مثال پايه اي مي بينيد از يك ورودي تك خطي كه براي گرفتن نام كوچك و نام خانوادگي به كار مي رود .

نمونه يك

Text Input Control

ويژگي ها

در زير ليستي از ويژگي هاي برچسب < input>را براي ايجاد فيلد متن مي بينيد.

Attribute

Description

type

نوع كنترل ورودي را نشان مي دهد و براي كنترل متن ورودي براي text تنظيم خواهد شد.

name

براي دادن نام به كنترلي استفاده مي شود كه قرار است براي تشخيص به سرور ارسال شود و مقدار بگيرد.

value

مي تواند براي ارائه ي يك مقدار اصلي در داخل كنترل استفاده شود.

size

اجازه مي دهد تا عرض كنترل متن ورودي را متناسب با كاراكترها تعيين كنيد.

maxlength

اجازه مي دهد تا حداكثر تعداد كاراكترهايي را كه يك كاربر مي تواند در يك تكست باكس وارد كند، مشخص كنيد.

كنترل هاي پسورد ورودي

اين كنترل نيز يك كنترل تك خطي مي باشد، اما به محض اينكه كاربر كاراكترها را وارد مي كند، آنها را مي پوشاند. اين ها نيزبا استفاده از برچسب < input> مربوط به HTML ايجاد مي شوند، اما نوع ويژگي با عنوان password تنظيم ميشود.

مثال:

در اينجا مثالي از ورودي تك خطي پسوورد مي بينيد كه براي گرفتن پسورد كاربر استفاده مي شود.

نمونه دو

ويژگي ها

در زير ليست مربوط به ويژگي هاي برچسب < input>را براي ايجاد فيلد پسوورد مي بينيد.

Attribute

Description

type

نوع كنترل ورودي را نشان مي دهد و براي كنترل ورودي پسوورد، براي password تنظيم خواهد شد.

name

براي نام گذاري كنترلي استفاده مي شود كه براي تشخيص وگرفتن مقدار به سرور فرستاده مي شود.

value

براي ارائه ي يك مقدار اوليه در داخل كنترل استفاده مي شود.

size

اجازه مي دهد تا عرض كنترل متن ورودي را با كاراكترها تعيين كنيد.

maxlength

اجازه مي دهد تا حداكثر تعداد كاراكترهايي را كه يك كاربر مي تواند در يك تكست باكس وارد كند، تعيين كنيد.

كنترل هاي متن ورودي چند خطي

زماني استفاده مي شود كه يك كاربر بايد جزئياتي را ئارد كند كه بيشتر از يك جمله مي باشند. كنترل هاي ورودي چند خطي با استفاده از برچسب < textarea> ايجاد ميشوند.

مثال:

در اينجا مثالي را مي بينيد از يك ورودي متن چند خطي كه براي ارائه ي توصيفات آيتم استفاده مي شود.

نمونه سه

ويژگي ها

در زير ليستي از ويژگي هاي برچسب < textarea> ارائه شده اند.

Attribute

Description

name

براي نامگذاري كنترلي استفاده مي شود كه به سرور ارسال مي شود تا تشخيص داده شده و مقدار بگيرد.

rows

تعداد رديف هاي area box مربوط به متن را نشان مي دهد.

cols

تعداد ستون هاي area box مربوط به متن را نشان مي دهد.

كنترل چك باكس

چك باكس ها زماني استفاده مي شوند كه بيشتر از يك گزينه قرار است انتخاب شود. آنها نيزبا استفاده از برچسب < input>ايجاد مي شوند، اما نوع ويژگي به checkbox تنظيم مي شود.

مثال:

در اينجا مثالي از كد HTML را مشاهده مي كنيد براي يك فرم با دو چك باكس.

نمونه چهار

در زير ليستي از ويژگي هاي برچسب < checkbox> را مي بينيد:

Attribute

Description

type

نوع كنترل ورودي را نشان مي دهد و براي كنترل ورودي چك باكس با checkbox كنترل خواهد شد.

name

براي نامگذاري كنترلي استفاده مي شود كه براي تشخيص و گرفتن مقدار به سرور ارسال مي شود.

value

مقداري كه اگر چك باكس انتخاب شود، استفاده خواهد شد.

checked

اگر بخواهيد آن را به طور پيش فرض انتخاب كنيد، با checked تنظيم مي شود.

كنترل دكمه ي راديو

دكمه هاي راديو زماني استفاده ميشوند كه بين چندين گزينه تنها يك گزينه بايد انتخاب شود. اين كنترل ها نيز با برچسب < input> ايجاد ميشوند، اما نوع ويژگي با radio تنظيم مي شود.

مثال:

در اينجا مثالي از كد HTML مي بينيد براي يك فرم با دو دكمه ي راديو.

نمونه پنج

ويژگي ها

در زير ليستي از ويژگي هاي دكمه ي راديو را مي بينيد.

Attribute

Description

type

نوع كنترل ورودي را نشان مي دهد و براي كنترل ورودي چك باكس با عنوان radio تنظيم مي شود.

name

براي نامگذاري كنترلي استفاده مي شود كه براي تشخيص و گرفتن مقدار به سرور ارسال مي شود.

value

مقداري كه radio box انتخاب شود، استفاده خواهد شد.

checked

اگر مي خواهيد آن را به عنوان پيش فرض استفاده كنيد، به checked تنظيم كنيد.

كنترل Select Box

يك Select Boxكه منوي رو به پايين نيز ناميده مي شود، گزينه اي را براي ارائه ي گزينه هاي مختلف به شكل يك ليست رو به پايين ارائه مي دهد، كه كاربر مي تواند از آن يك يا بيشتر از يك گزينه را انتخاب كند.

مثال:

در اينجا مثالي از كد HTML براي يك فرم با يك جعبه ي رو به پايين مي بينيد.

نمونه شش

در زير ليستي از ويژگي هاي برچسب < select> را مي بينيد.

Attribute

Description

name

براي نامگذاري كنترلي استفاده مي شود كه براي تشخيص و گرفتن مقدار به سرور انتقال مي شود.

size

براي نمايش يك ليست باكس اسكرولينك استفاده مي شود.

multiple

اگر روي multiple تنظيم شده باشد، به كاربر اجازه مي دهد تا چند آيتم را از منو انتخاب كند.

در زير ليستي از ويژگي هاي مهم برچسب < option> ارائه شده است.

Attribute

Description

value

اگر در سلكت باكس يك گزينه انتخاب شده باشد، اين مقدار استفاده خواهد شد.

selected

مشخص مي كند كه اين گزينه رد زمان بارگذاري صفحه، بايد گزينه ي انتخابي باشد.

label

يك روش جايگزين براي برچسب دار كردن گزينه ها.

فايل آپلود باكس

اگر مي خواهيد به كاربر اجازه دهيد تا فايلي را روي وب سايت شما آپلود كند، به يك كنترل فايل آپلود احتياج خواهيد داشت، كه Select Boxنيز ناميده مي شود. اين ويژگي با استفاده از برچسب < input> نيز ايجاد مي شود، اما نوع ويژگي با file تنظيم مي شود.

مثال:

در اينجا مثالي را مي بينيد از كد HTML براي يك فرم با يك فايل آپلود باكس.

نمونه هفت

ويژگي ها

در زير ليستي از ويژگي هاي فايل آپلود باكس را مي بينيد.

Attribute

Description

name

براي نامگذاري كنترلي استفاده مي شود كه براي تشخيص و گرفتن مقدار به سرور انتقال مي شود.

نوع فايل هايي را كه سرور مي پذيرد، تعيين مي كند.

كنترل هاي دكمه

راه هاي مختلفي براي ايجاد دكمه هاي قابل كليك شدن وجود دارد. شما با استفاده از برچسب < input> و با تنظيم نوع ويژگي آن به button دكمه هاي قابل كليك شدن ايجاد كنيد. نوع ويژگي مي تواند مقادير زير را بگيرد.

Type

Description

submit

دكمه اي را ايجاد مي كند كه به طور خودكار يك فرم را مي پذيرد.

reset

دكمه اي را ايجاد مي كند كه به طور خودكار كنترل هاي فرم را به مقادير اوليه ي خود بازمي گرداند.

button

دكمه اي را ايجاد مي كند كه براي اجراي اسكريپت كاربر، زماني كه كاربر آن دكمه را كليك مي كند، استفاده مي شود.

image

يك دكمه ي قابل كليك شدن ايجاد مي گند، اما ما مي توانيم از يك تصوير به عنوان زمينه ي دكمه استفاده كنيم.

مثال:

در اينجا مثالي از كد HTML براي يك فرم با سه نوع دكمه را مي بينيد.

نمونه هشت

كنترل هاي مخفي شده ي فرم

كنترل هاي مخفي شده فرم براي پنهان كردن داده در داخل صفحه اي استفاده مي شوند كه بعدا مي توانند به سرور ارسال شوند. اين كنترل در داخل كد مخفي شده و روي صفحه ي حقيقي ظاهر نمي شود. براي مثال فرم مخفي شده ي زير براي حفظ شماره ي صفحه ي جاري استفاده مي شود. وقتي كه كاربر روي next page كليك كند، مقدار كنترل مخفي شده به سرور وب ارسال شده و در آنجا تصميم خواهد گرفت كه بر اساس انتقال صفحه ي جاري، كدام صفحه نمايش داده خواهد شد.

مثال:

در اينجا مثالي از كد HTML براي نمايش كاربرد كنترل مخفي شده مي بينيد.

نمونه نه

جهت مشاهده نمونه مثال ها برروي دوره آموزش طراحي سايت كليك نماييد.

برچسب ها: آموزش طراحي سايت, دوره آموزش سايت, دوره برنامه نويسي,

۰ نظر

رنگ در html-آموزش html

sali سه شنبه ۲۲ تیر ۰۰ ۱۷:۲۳ ۴ بازديد

رنگ در html-آموزش html

رنگهاي HTML

رنگ ها براي دادن يك ظاهر و احساس خوب به وب سايت شما بسيار مهم مي باشند. شما مي توانيد رنگ ها را روي لايه ي صفحه با استفاده از برچسب < body>مشخص كنيد، يا مي توانيد رنگ ها را براي برچسب هاي مجزا با استفاده از ويژگي bgcolor مشخص كنيد.
برچسب< body>داراي ويژگي هاي زير مي باشد كه مي تواند براي تنظيم رنگ هاي مختلف استفاده شود.

bgcolor رنگي را براي زمينه ي صفحه تنظيم مي كند.
text رنگي را براي متن تنظيم مي كند.
alink رنگي را براي لينك هاي فعال يا انتخاب شده تنظيم مي كند.
link رنگي را براي متن لينك شده تنظيم مي كند.

رنگي را براي لينك هاي بازديد شده تنظيم مي كند- يعني براي متن لينك شده كه روي آن كليك كرده ايد.

روش هاي كدگذاري رنگ HTML

در زير سه روش متفاوت براي تنظيم رنگ در صفحه ي وب خود مشاهده مي كنيد:

Color names - مي توانيد نام رنگ ها را به طور مستقيم تعيين كنيد، به عنوان مثال سبز، قرمز، آبي و غيره.
Hex codes - يك كد شش رقمي كه نشان دهنده ي مقدار آبي، قرمز و سبز سازنده ي رنگ، مي باشد.
Color decimal or percentage values- اين مقدار با استفاده از ويژگي rgb( ) تعيين مي شود.

اكنون اين روش هاي رنگ گذاري را يكي يكي بررسي خواهيم كرد.

رنگ هاي HTML – نام رنگ

مي توانيد براي تنظيم رنگ متن يا زمينه به طور مستقيم از نام رنگ استفاده كنيد. W3C ليستي از 16 رنگ پايه را دارد كه توسط يك اعتباز سنج HTML ارزيابي مي شود، اما نام بيشتر از 200 رنگ مختلف وجود داردكه توسط مرورگرهاي مهم پشتيباني مي شوند.

16 رنگ استاندارد W3C

در اينجا نام 16 رنگ استاندارد W3C را مشاهده مي كنيد، پيشنهاد مي شود كه از آنها استفاده كنيد.

Black	Gray	Silver	White
Yellow	Lime	Aqua	Fuchsia
Red	Green	Blue	Purple
Maroon	Olive	Navy	Teal

مثال:

در اينجا مثال هايي را ميبينيد از تنظيم زمينه ي يك برچسب HTML به وسيله ي نام رنگ.

نمونه يك

HTML Colors by Name

Use different color names for for body and table and see the result.

This text will appear white on black background.

رنگ هاي HTML – كدهاي Hex

آموزش html css

هگزادسيمال يك نمايش 6 رقمي از يك رنگ مي باشد. دو رقم اول يعني RR نمايانگر رنگ قرمر (Red) مي باشند، دو رقم بعدي (GG) مقدار سبز (green) را نشان مي دهند و آخرين دو رقم (BB) نيز مقدار آبي (blue) را نشان مي دهند.
هر كد هگزادسيمال به وسيله ي يك علامت # دنبال مي شود. در ادامه رنگ هاي مورد استفاده در نشانه گذاري هگزادسيمال را مشاهده مي كنيد.

color	Color HEX
	#000000
	#FF0000
	#00FF00
	#0000FF
	#FFFF00
	#00FFFF
	#FF00FF
	#C0C0C0
	#FFFFFF

در زير مثال هايي را مي بينيند از تنظيم زمينه ي يك برچسب HTML به وسيله ي كد رنگ در هگزادسيمال.

نمونه دو

HTML Colors by Hex

Use different color hexa for for body and table and see the result.

This text will appear white on black background.

رنگ هاي HTML – مقادير RGB

مقدار اين رنگ با استفاده از ويژگي rgb( ) مشخص مي شود. اين ويژگي سه مقدار مي گيرد كه هر كدام براي سبز، قرمز و آبي مي باشد. مقدار مي تواند عددي بين 0 و 255 يا يك درصد باشد.

توجه:

همه ي مرورگرها ويژگي ( )rgb را پشتيباني نمي كنند، بنابراين توصيه مي شود از آن استفاده نكنيد.

در زير ليستي از رنگ ها با مقادير RGB را مشاهده مي كنيد.

Color

Color RGB

rgb(0,0,0)

rgb(255,0,0)

rgb(0,255,0)

rgb(0,0,255)

rgb(255,255,0)

rgb(0,255,255)

rgb(255,0,255)

rgb(192,192,192)

rgb(255,255,255)

در اينجا مثال هايي را مشاهده مي كنيد از تنظيم زمينه ي يك برچسب HTML به وسيله ي برچسب rgb() با كد رنگ.

نمونه سه

HTML Colors by RGB code

Use different color code for for body and table and see the result.

This text will appear white on black background.

در زير ليستي از 216 رنگ را مشاهده مي كنيد كه تصور مي شود سالم ترين و مستقل ترين رنگ هاي كامپيوتر باشند. اين رنگ ها از كد هگزاي 000000 تا FFFFFF متفاوت مي باشند و توسط همه ي كامپيوترهاي داراي پالت رنگ 256 تايي پشتيباني مي شوند.

000000	000033	000066	000099	0000CC	0000FF
003300	003333	003366	003399	0033CC	0033FF
006600	006633	006666	006699	0066CC	0066FF
009900	009933	009966	009999	0099CC	0099FF
00CC00	00CC33	00CC66	00CC99	00CCCC	00CCFF
00FF00	00FF33	00FF66	00FF99	00FFCC	00FFFF
330000	330033	330066	330099	3300CC	3300FF
333300	333333	333366	333399	3333CC	3333FF
336600	336633	336666	336699	3366CC	3366FF
339900	339933	339966	339999	3399CC	3399FF
33CC00	33CC33	33CC66	33CC99	33CCCC	33CCFF
33FF00	33FF33	33FF66	33FF99	33FFCC	33FFFF
660000	660033	660066	660099	6600CC	6600FF
663300	663333	663366	663399	6633CC	6633FF
666600	666633	666666	666699	6666CC	6666FF
669900	669933	669966	669999	6699CC	6699FF
66CC00	66CC33	66CC66	66CC99	66CCCC	66CCFF
66FF00	66FF33	66FF66	66FF99	66FFCC	66FFFF
990000	990033	990066	990099	9900CC	9900FF
993300	993333	993366	993399	9933CC	9933FF
996600	996633	996666	996699	9966CC	9966FF
999900	999933	999966	999999	9999CC	9999FF
99CC00	99CC33	99CC66	99CC99	99CCCC	99CCFF
99FF00	99FF33	99FF66	99FF99	99FFCC	99FFFF
CC0000	CC0033	CC0066	CC0099	CC00CC	CC00FF
CC3300	CC3333	CC3366	CC3399	CC33CC	CC33FF
CC6600	CC6633	CC6666	CC6699	CC66CC	CC66FF
CC9900	CC9933	CC9966	CC9999	CC99CC	CC99FF
CCCC00	CCCC33	CCCC66	CCCC99	CCCCCC	CCCCFF
CCFF00	CCFF33	CCFF66	CCFF99	CCFFCC	CCFFFF
FF0000	FF0033	FF0066	FF0099	FF00CC	FF00FF
FF3300	FF3333	FF3366	FF3399	FF33CC	FF33FF
FF6600	FF6633	FF6666	FF6699	FF66CC	FF66FF
FF9900	FF9933	FF9966	FF9999	FF99CC	FF99FF
FFCC00	FFCC33	FFCC66	FFCC99	FFCCCC	FFCCFF
FFFF00	FFFF33	FFFF66	FFFF99	FFFFCC	FFFFFF

جهت مشاهده رنگ ها برروي دوره آموزش طراحي سايت كليك نماييد

برچسب ها: فيلم آموزش طراحي سايت, آموزش طراحي وب, آموزش طراحي سايت, آموزش جاوا اسكريپت,

۰ نظر

پس زمينه در html

sali سه شنبه ۱۵ تیر ۰۰ ۱۴:۱۲ ۵ بازديد

background در html

آموزش طراحي سايت

به طور پيش فرض رنگ زمينه ي صفحه ي وب شما سفيد مي باشد. ممكن است اين زمينه را دوست نداشته باشيد، اما نگراني وجود ندارد. HTML دو روش مناسب زير را ارائه مي دهد تا زمينه ي صفحه وب خود را به دلخواه بياراييد.

زمينه ي HTML با رنگ ها.
زمينه ي HTML با تصاوير.

اكنون اجازه بدهيد هر دو روش را يكي يكي و با استفاده از مثال هاي مناسب بررسي كنيم.

زمينه ي HTML با رنگها

ويژگي bgcolor براي كنترل زمينه ي يك عنصر HTML، به ويژه بدنه ي صفحه و زمينه ي جدول، استفاده مي شود. در زير تركيب استفاده از bgcolor را با هر برچسب HTML مي بينيد.

< tagname bgcolor="color_value" ...>

اين color- value مي تواند به هركدام از فرمت هاي زير ارائه شود.

< table bgcolor="lime"

< table bgcolor="#f1f1f1">

< table bgcolor="rgb(0,0,120)">

مثال:

در اينجا مثالي را مي بينيد از تنظيم زمينه ي يك برچسب HTML.

نمونه يك

HTML Background Colors

This background is yellow

This background is sky blue

This background is green

زمينه ي HTML با تصاوير

آموزش html css

ويژگي background همچنين مي تواند براي كنترل زمينه ي يك عنصر HTML، به ويژه بدنه ي صفحه و زمينه هاي جدول، استفاده شود. شما مي توانيد يك تصوير را به عنوان زمينه ي صفحه و يا جدول HTML خود استفاده كنيد. در زير تركيب استفاده از ويژگي background را با هر عنصر HTML مي بينيد.

توجه:

ويژگي background به عنوان ويژگي خوبي تلقي نمي شود و توصيه مي شود از style sheet براي تنظيم زمينه استفاده كنيد.

< tagname background="Image URL" ...>

متداول ترين فرمت هاي مورد استفاده ي تصوير عبارتند از JPEG، PNG و GIF.

مثال:

در اينجا مثال هايي را از تنظيم تصوير به عنوان زمينه ي جدول مشاهده مي كنيد.

نمونه دو

زمينه هاي طرح دار و شفاف

شما ممكن است الگوها و زمينه هاي شفاف بسياري را در وب سايت هاي نختلف ديده باشيد. اين امر به راحتي و با استفاده از تصاوير طرح دار و شفاف در زمينه قابل دستيابي مي باشد. توصيه مي شود در هنگام ايجاد تصاوير طرح دار يا شفاف GIF يا PNG، از كوچكترين ابعاد ممكن آنها استفاده كنيد، حتي به كوچكي 1x1 براي جلوگيري از بارگذاري آهسته.

مثال:

در اينجا مثالي از تنظيم يك الگوي زمينه براي يك جدول را مشاهده مي كنيد.

نمونه سه

براي مشاهده نمونه مثال ها برروي دوره آموزش طراحي سايت كليك نماييد.

برچسب ها: آموزش طراحي سايت, دوره آموزش سايت, دوره برنامه نويسي,

۰ نظر

آموزش Iframes در html-آموزش html

sali دوشنبه ۱۷ خرداد ۰۰ ۱۶:۱۹ ۵ بازديد

آموزش Iframes در html

آموزش طراحي سايت

شما مي توانيد يك frame درون خطي را با استفاده از برچسب < iframe>مربوط به HTML تعريف كنيد. اين برچسب به برچسب < frameset>ارتباطي ندارد، در عوض مي تواند در هرجايي در داكيومنت شما ظاهر شود. برچسب< iframe>يك محدوده ي مستطيلي را در داخل داكيومنت تعريف مي كند كه در آن مرورگر مي تواند يك داكيومنت مجزا را ارائه دهد، مانند نوارهاي اسكرول و حاشيه ها.
ويژگي src براي مشخص كردن URL مربوط به داكيومنتي استفاده مي شود كه حاوي frame درون خطي مي باشد.

مثال:

در زير مثالي را مي بينيد كه چگونگي استفاده از < iframe> را توضيح مي دهد.

نمونه يك

HTML Iframes

Document content goes here...

        Sorry your browser does not support inline frames.  </span></span></p> <p style="direction: ltr;"><span style="font-size: large;"><span style="font-size: small;"> 

Document content also go here...

ويژگي هاي برچسب < iframe>

بسياري از ويژگي هاي برچسب < iframe> شامل نام، گروه، حاشيه، id، longdesk، طول حاشيه، عرض حاشيه، نام، اسكرول كردن، روش و تيتر، درست مانند ويژگي هاي متناظر با برچسب < frame> رفتار مي كنند.

Attribute	Description
src	اين ويژگي براي نام گذاري فايلي استفاده مي شود كه بايد در frame بارگذاري شود. مقدار آن مي تواند هر URL باشد. براي مثال src="/html/top_frame.htm" فايل HTML موجود در مسير html را بارگذاري خواهد كرد.
name	اين ويژگي به شما اجازه مي دهد تا يك frame را نامگذاري كنيد. اين ويژگي نشان مي دهد كه يك داكيومنت در كدام frame بايد بارگذاري شود. هنگامي كه مي خواهيد لينك هايي را در يك frame ايجاد كنيد كه صفحاتي را در يك frame ديگر بارگذاري مي كند، كه در اين مورد دومين frame براي تشخيص خود به عنوان هدف لينك به نام نياز دارد، در اينجا اين ويژگي بسيار مهم است.
frameborder	اين ويژگي مشخص مي كند كه آيا حاشيه هاي frame نشان داده شوند يا خير. اين ويژگي مقدار داده شده به ويژگي frameborder روي برچسب < frameset> را مي گيرد، البته اگر مقداري مشخص شده باشد، اين مقدار مي تواند 1 (بله) و يا 0 (خير) باشد.
marginwidth	اين ويژگي به شما اجازه مي دهد تا عرض فضاي بين حاشيه هاي چپ و راست frame و محتواي آن را مشخص كنيد. مقدار به پيكسل داده مي شود. براي مثال marginwidth="10".
marginheight	اين ويزگي به شما اجازه مي دهد تا طول فضاي بين بالا و پايين حاشيه ي frame و محتواي آن را مشخص كنيد. مقدار به پيكسل داده مي شود. براي مثال marginheight="10"
noresize	به طور پيش فرض هر frame را با كليك كردن و درگ كردن روي حاشيه هاي آن مي توانيد تغيير اندازه دهيد. ويژگي noresize مانع تغيير اندازه ي frame توسط يوزر مي شود. براي مثال noresize="noresize".
scrolling	اين ويژگي ظاهر نارهاي اسكرول نمايان شده در frame را كنترل مي كند. اين ويزگي مقادير "yes", "no" يا "auto"را مي گيرد. براي مثال scrolling="no" به معناي نبودن نوارهاي اسكرول مي باشد.
longdesc	اين ويژگي به شما اجازه مي دهد تا يك لينك به صفحه اي حاوي يك توصيف طولاني از محتواي frame، ارائه بدهيد. براي مثال longdesc="framedescription.htm"

جهت مشاهده كدها برروي دوره آموزش طراحي سايت كليك نماييد

برچسب ها: فيلم اموزش طراحي سايت, آموزش طراحي سايت با html, آموزش html css, دوره آموزش طراحي سايت, آموزش طراحي سايت,

۰ نظر

آموزش لينك ايميل در HTML

sali یکشنبه ۰۹ خرداد ۰۰ ۱۲:۵۸ ۱ بازديد

آموزش لينك ايميل در HTML

لينك ايميل HTML

قرار دادن يك لينك ايميل HTML روي صفحه ي وب خود كار سختي نيست، اما اين كار ممكن است باعث بروز مشكل اسپم هاي غيرضروري در اكانت ايميل شما شود. افرادي هستند كه مي توانند برنامه هايي را براي جمع آوري چنين ايميل هايي اجرا كنند و سپس آنها را با راه هاي مختلف براي اسپم كردن استفاده كنند.
مي توانيد از گزينه ديگري استفاده كنيد تا افراد به راحتي بتوانند به شما ايميل ارسال كنند. يك گزينه مي تواند استفاده از فرم هاي HTML باشد براي جمع آوري داده هاي يوزر و سپس استفاده ازاسكريپت PHP يا CGI براي ارسال ايميل.
براي يك مثال ساده، فرم Contact Us را چك كنيد. با استفاده از اين فرم يك فيدبك از يوزر گرفته و سپس از يك برنامه ي CGI استفاده مي كنيم كه در حال جمع آوري اين اطلاعات و ارسال ايميل به يك email ID ارائه شده مي باشد.

برچسب HTML Email

برچسب < a> در HTML براي مشخص كردن يك آدرس ايميل و ارسال ايميل، گزينه هايي را به شما ارائه مي دهد. در حاليكه از برچسب < a> به عنوان يك email tag استفاده مي كنيد، از mailto:email address همراه با ويژگي href نيز استفاده خواهيد كرد. در زير تركيب استفاده از mailto را به جاي استفاده از http مي بينيد.

نمونه يك

SendMail

Send Email

اكنون اگر يوزر روي اين لينك كليك كند، email client آغاز به كار خواهد كرد ( مانند lotus notes و outlook express و غيره.) كه روي كامپيوتر شما نصب شده است. ريسك ديگري در استفاده از اين گزينه براي ارسال ايميل وجود دارد، زيرا اگر يوزر email client نصب شده روي كامپيوتر خود نداشته باشد، ارسال ايميل ممكن نحواهد بود.

تنظيمات پيش فرض

شما مي توانيد يك موضوع ايميل و يك بدنه ي ايميل پيش فرض همراه با آدرس ايميل خود ايجاد كنيد. در زير مثال استفاده از بدنه و موضوع پيش فرض را مشاهده مي كنيد.

نمونه دو

SendMail

Send Feedback

برچسب ها: آموزش طراحي سايت, دوره آموزش سايت, دوره برنامه نويسي, آموزش طراحي سايت با html, آموزش html css,

۰ نظر

آموزش List

sali چهارشنبه ۰۵ خرداد ۰۰ ۱۴:۵۳ ۰ بازديد

آموزش طراحي سايت - آموزش List

آموزش List

< ul>- ليست بدون ترتيب. اين ليست آيتم ها را با استفاده از bullet هاي ساده ليست مي كند.
< ol> - ليست منظم. اين ليست از نمودارهاي عددي مختلف براي ليست كردن آيتم هاي شما استفاده مي كند.
< dl>- ليست تعريف. اين ليست آيتم هاي شما را به همان روشي كه در ديكشنري منظم شده اند، منظم مي كند.

ليست هاي بدون ترتيب HTML

ليست بدون ترتيب مجموعه اي از آيتم هاي مربوط به هم مي باشد كه هيچگونه نظم و ترتيب خاصي ندارند. اين ليست با استفاده از برچسب < ul> در HTML ايجاد مي شود. هر آيتم در ليست با يك bullet مشخص مي شود.

مثال:

نمونه يك

HTML Unordered List

Beetroot

Ginger

Potato

Radish

ويژگي type

مي توانيد از ويژگي type براي برچسب < ul> استفاده كنيد تا نوع bullet خود را مشخص كنيد، كه به طور پيش فرض يك ديسك مي باشد. در زير گزينه هاي ممكن را مشاهده مي كنيد.

<ultype="square">

<ultype="disc">

<ultype="circle">ul>ul>ul>


در زير مثالي را ميبينيد كه در آن از < ul type="square"> استفاده مي كنيم.



نمونه دو





HTML Unordered List



Beetroot

Ginger

Potato

Radish




 
در زير مثالي را مي بينيد كه در آن از < ul type="disc"> استفاده كرده ايم.
 

نمونه سه
 




HTML Unordered List



Beetroot

Ginger

Potato

Radish






 
در زير مثالي را مي بينيد كه در آن از < ul type="circle"> استفاده كرده ايم.
 

نمونه چهار
 



HTML Unordered List



Beetroot

Ginger

Potato

Radish





 
ليست هاي منظم HTML
 
اگر تمايل داريد آيتم هاي خود را به جاي قرار دادن در يك ليست داراي bullet، در يك ليست عددگذاري شده قرار دهيد، مي توانيد از ليست منظم HTML استفاده كنيد. اين ليست با استفاده از برچسب < ol> ايجاد مي شود. شماره گذاري از يك شروع شده و براي هر ليست منظم عنصر بعدي با اضافه شدن يك عدد و به همراه برچسب< li>اضافه مي شود.
مي توانيد از ويژگي type براي برچسب < ol> استفاده كنيم تا نوع شماره گذاريمورد نظر خود را مشخص كنيد. به طور پيش فرض شماره گذاري به وسيله ي عدد انجام مي شود. در زير گزينه هاي ممكن را مشاهده مي كنيد.
 

<ol type="1">
    - Default-Case Numerals.
<oltype="I">
        - Upper-Case Numerals.
<oltype="i">
            - Lower-Case Numerals.
<oltype="a">
                - Lower-Case Letters.
<oltype="A"> - Upper-Case Letters.ol>ol>ol>ol>ol>



در زير مثالي را مي بينيد كه در آن از < ol type="1"> استفاده كرده ايم.

نمونه پنج




HTML Ordered List



Beetroot

Ginger

Potato

Radish





در زير مثالي را مي بينيد كه در آن از < ol type="I"> استفاده مي كنيم.
 

نمونه شش




HTML Ordered List



Beetroot

Ginger

Potato

Radish





در زير مثالي را ميبينيد كه در آن از < ol type="i"> استفاده كرده ايم.
 

نمونه هفت
 




HTML Ordered List



Beetroot

Ginger

Potato

Radish





: مثال
در زير مثالي را مي بينيد كه در آن از < ol type="A"> استفاده كرده ايم.
 

نمونه هشت




HTML Ordered List



Beetroot

Ginger

Potato

Radish





 
در زير مثالي را مي بينيد كه در آن از< ol type="a"> استفاده كرده ايم.
 

نمونه نه





HTML Ordered List



Beetroot

Ginger

Potato

Radish





ويژگي start
شما مي توانيد از ويژگي start براي برچسب < ol> استفاده كنيد تا نقطه ي شروع شماره گذاري خود را مشخص كنيد. در زير گزينه هاي ممكن را مشاهده مي كنيد.
<ol type="1" start="4">

    - Numerals starts with 4.
<oltype="I"start="4">
        - Numerals starts with IV.
<oltype="i"start="4">
            - Numerals starts with iv.
<oltype="a"start="4">
                - Letters starts with d.
<oltype="A"start="4">    - Letters starts with D.
ol>ol>ol>ol>ol>

 


در زير مثالي را مي بينيد كه در آن از < ol type="i" start="4"> استفاده مي كنيم.

 

نمونه ده
 




HTML Ordered List



Beetroot

Ginger

Potato

Radish





ليست هاي تعريف HTML

HTML و XHTML ليست هايي به نام ليست هاي تعريف را پشتيباني مي كنند كه در اين ليست ها ورودي ها مانند ترتيب لغات در ديكشنري قرار مي گيرند. اين ليست يك روش ايده آل براي ارائه يك فهرست از معاني يا ليستي از اصطلاحات يا ليستي از نام ها و مقادير مي باشد.
ليست تعريف از سه برچسب زير استفاده مي كند
 

< dl> - شروع ليست را تعريف مي كند.

 مثال:

نمونه يازده



HTML Definition List



HTML

This stands for Hyper Text Markup Language

HTTP

This stands for Hyper Text Transfer Protocol




جهت مشاهده كدها برروي آموزش طراحي سايت كليك نماييد


            
   برچسب ها:
آموزش طراحي سايت, دوره آموزش سايت, دوره برنامه نويسي, آموزش آنلاين و حضوري طراحي سايت,


        
           
              آموزش ساخت جدول در html 
          
          
            
              
               sali  سه شنبه ۰۴ خرداد ۰۰ ۱۲:۱۸   ۰ بازديد  
آموزش طراحي سايت - آموزش ساخت جدول در html
آموزش Table در HTML
جدول هاي HTML به نويسندگان وب اجازه مي دهند تا داده هايي مانند متن، تصاوير، لينك ها، جدول هاي ديگر و غيره در رديف ها و ستون ها تنظيم كنيد. جدول هاي HTML با استفاده از برچسب < table> ايجاد مي شوند كه در آن برچسب < tr> براي ايجاد رديف ها و برچسب < td> براي ايجاد داده هاي سلول ها استفاده مي شوند.

 مثال:

نمونه يك



   
HTML Tables
   
 
      
       
    
 
          
       
   
    
   
        
 
          
        
 
  


Row 1, Column 1
Row 1, Column 2


Row 2, Column 1
Row 2, Column 2




ويژگي هاي colspan و rowspan
اگر بخواهيد دو يا بيشتر از دو ستون را با هم تلفيق كنيد از ويژگي colspan استفاده مي كنيد. به طور مشابه اگر بخواهيد دو يا بيشتر از دو رديف را در يك رديف تلفيق كنيد از rowspan استفاده كنيد.

 مثال:

نمونه سه



 
  HTML Table Colspan/Rowspan

   
     
  
       
    
       
    
     
      
     
  
   
    
 
      
 
      
    


Column 1
Column 2
Column 3


Row 1 Cell 1
Row 1 Cell 2
Row 1 Cell 3


Row 2 Cell 2
Row 2 Cell 3


Row 3 Cell 1




پس زمينه ي جدول
مي توانيد به دو روش زير براي جدول خود زمينه اي تنظيم كنيد.
 

ويژگي Bg color: مي توانيد رنگ زمينه را براي همه ي جدول و يا تنها براي يك سلول تنظيم كنيد.
ويژگي background: مي توانيد يك تصوير را براي كل جدول يا تنها يك سلول تنظيم كنيد.

همچنين مي توانيد با استفاده از ويژگي bordercolor رنگ حاشيه را نيز تنظيم كنيد.

 مثال:

نمونه چهار



   
HTML Table Background

 
  
   
    
       
    
     
      
   
        
   
    
     
  
        
   
    
 
  


Column 1
Column 2
Column 3

Row 1 Cell 1
Row 1 Cell 2
Row 1 Cell 3

Row 2 Cell 2
Row 2 Cell 3


Row 3 Cell 1




در اينجا مثالي در رابطه با استفاده از ويژگي background مي بينيد. در اين مثال ما از تصويري موجود در image directory استفاده كرده ايم.
 

نمونه پنج
 


 
  HTML Table Background

 
  
     
  
     
      
     
      
   
        
 
      
       
   
    
       
    


Column 1
Column 2
Column 3


Row 1 Cell 1
Row 1 Cell 2
Row 1 Cell 3


Row 2 Cell 2
Row 2 Cell 3


Row 3 Cell 1





 
آموزش html css
طول و عرض جدول
شما مي توانيد طول و عرض جدولي را با استفاده از ويژگي هاي width و height تنظيم كنيد. شما مي توانيد طول و عرض جدول را به پيكسل و يا متناسب با درصد صفحه ي جاري تنظيم كنيد.

 مثال:

نمونه شش



   
HTML Table Width/Height

   
 
      
     
      
 
          
     
  
     
  
     
      
   
        
   
    
    


Row 1, Column 1
Row 1, Column 2


Row 2, Column 1
Row 2, Column 2




شرح جدول
برچسب caption يك توضيح يا يك تيتر براي جدول مي باشد كه در بالاي جدول نمايش داده مي شود. اين برچسب در ورژن هاي جديد HTML/XHTML توصيه مي شود.

 مثال:

نمونه هفت

    HTML Table Caption
    
 
      
        
       
    
   
        
 
      
 
      
   
        
            
     
  
   

This is the caption

row 1, column 1
row 1, columnn 2


row 2, column 1
row 2, columnn 2


تيتر، بدنه و پاورقي جدول
جدول ها مي توانند به سه بخش تقسيم شوند: تيتر، بدنه و پاورقي جدول. عنوان و فوت(tfoot) در واقع شبيه به تيتر و پاورقي در يك فايل پردازش word مي باشند كه براي هرصفحه يكي مي باشد، در حاليكه بدنه همان نگه دارنده ي محتواي اصلي جدول مي باشد.
سه عنصر براي مجزا كردن عنوان، بدنه و فوت در يك جدول عبارتند از
 

< thead> - براي ايجاد يك تيتر مجزا
< tbody>- براي نشان دادن بدنه ي اصلي جدول
< tfoot> - براي ايجاد يك پاورقي مجزا در يك جدول

يك جدول براي نشان دادن صفحات و گروه هاي مختلف يك داده، ممكن است داراي عناصر مختلفي باشد، اما ظاهر شدن برچسب هاي و قبل از زياد مهم نيست.

 مثال:

نمونه هشت



  HTML Table
   
   
    
       
    
       
        
            
       
     
  
 
          
         
      
   
        
     
  
     
  
   
        
         
      
   
            
     
          
 
              
     
    
   
    
    



This is the head of the table




This is the foot of the table




Cell 1
Cell 2
Cell 3
Cell 4




جدول هاي تودرتو
آموزش طراحي سايت با html
شما مي توانيد از يك جدول در داخل جدولي ديگر استفاده كنيد. نه تنها جدول ها، بلكه مي توانيد تمام برچسب ها را در داخل برچسب داده ي استفاده كنيد.

 مثال:
در زير مثالي را از استفاده ي يك جدول و برچسب هاي ديگر در داخل يك سلول مشاهده مي كنيد.
براي مشاهده اين مثال برروي آموزش طراحي سايت كليك نماييد.
            
   برچسب ها:
آموزش طراحي سايت, دوره آموزش سايت, دوره برنامه نويسي, آموزش برنامه نويسي, 


          
          
            
              
              
                ۰ نظر 
            
          
        
        
           
              آموزش طراحي سايت -آموزش درج كردن تصويردر HTML 
          
          
            
              
               sali  جمعه ۳۱ اردیبهشت ۰۰ ۱۳:۰۹   ۴ بازديد  
آموزش طراحي سايت -آموزش درج كردن تصويردر HTML
وارد كردن تصاوير در صفحات HTML
در اين آموزش چگونگي استفاده از تصاوير در صفحات HTML را فرا مي گيريم.زيبا سازي تصاوير و همچنين ترسيم بسياري از مفاهيم پيچيده به يك روش ساده روي صفحه ي وب شما، بسيار مهم مي باشد. اين آموزش مراحل ساده ي استفاده از تصاوير در صفحات وب را به شما آموزش خواهد داد.
 
وارد كردن تصوير
شما مي توانيد با استفاده از برچسب هر تصويري را وارد صفحه ي وب خود كنيد. در زير تركيب ساده ي استفاده از اين برچسب را مي بينيد:

برچسب يك برچسب خالي مي باشد، يعني تنها مي تواند داراي ليستي از ويژگي ها باشد و داراي برچسب closing نمي باشد.

 مثال:
براي امتحان كردن مثال، زير اجازه بدهيد فايل html خود يعني test.htm و فايل تصوير خود يعني test.png را در يك مسير قرار دهيم.
 

نمونه يك

 
 
 
Using Image in Webpage
 
 
 
Simple Image Insert
   
 

 
 
شما مي توانيد از فايل تصوير JPEG، PNG يا GIF متناسب با راحتي خود استفاده كنيد، اما مطمئن شويد كه در ويژگي src نام فايل تصوير را به درستي وارد كرديد. نام تصوير هميشه يك مورد هوشمند مي باشد.
ويژگي alt يك ويژگي مي باشد كه اگر تصوير نمايش داده نشود، يك متن جايگزين را براي آن مشخص مي كند.
 
تنظيم موقعيت تصوير
آموزش html css
معمولا ما تمام تصاوير خود را در يك مسير مجزا قرار مي دهيم. بنابراين اجازه بدهيد فايل test.htm مربوط به HTML را در مسير اصلي نگه داشته و يك مسير فرعي images داخل مسير اصلي، جايي كه تصوير test.png را نگهداري مي كنيم، ايجاد كنيم.
با فرض اينكه موقعيت تصوير ما "image/test.png" مي باشد، مثال زير را امتحان كنيد:

 مثال:

نمونه دو

 
 
 
Using Image in Webpage
 
 
 
Simple Image Insert
   
 

 
 
تنظيم طول و عرض تصوير
مي توانيد طول و عرض تصوير را براساس نياز خود و با استفاده از ويژگي هاي width و height تنظيم كنيد. شما مي توانيد طول و عرض تصوير را به پيكسل يا براساس درصد اندازه ي واقعي آن تنظيم كنيد.

 مثال:

نمونه سه

 
 
 
Set Image Width and Height
 
 
 
Setting image width and height
 
    
 
 
تنظيم حاشيه ي تصوير
به طور پيش فرض تصوير حاشيه اي در اطراف خود خواهد داشت، شما مي توانيد ضخامت اين حاشيه را با استفاده از ويژگي border و به واحد پيكسل تنظيم كنيد. ضخامت 0 يعني هيچ حاشيه اي در اطراف تصوير وجود ندارد.

 مثال:

نمونه چهار

 
 
 
  Set Image Border
 
 
 
Setting image Border
   
 

 
 
تنظيم همترازي تصوير
به طور پيش فرض تصوير در سمت چپ صفحه تنظيم مي شود، اما مي توانيد از ويژگي align براي تنظيم تصوير در سمت راست يا مركز صفحه استفاده كنيد.

 مثال:

نمونه پنج

 
 
 
  Set Image Alignment
 
 
 
Setting image Alignment
   در اين وبلاگ كدها نمايش داده نمي شود جهت مشاهده كدها برروي آموزش طراحي سايت كليك كنيد
 

 
 


            
   برچسب ها:
آموزش طراحي سايت, دوره آموزش طراحي سايت, طراحي سايت, آموزش برنامه نويسي, 


          
          
            
              
              
                ۰ نظر 
            
          
        
        
           
              آموزش طراحي سايت-توضيحات در HTML 
          
          
            
              
               sali  پنجشنبه ۳۰ اردیبهشت ۰۰ ۱۱:۵۰   ۶ بازديد  
 
آموزش طراحي سايت -توضيحات در HTML
آموزش استفاده از comment در html
در اين مقاله آموزش Html مي خواهيم به چگونگي استفاده از comment در html بپردازيم:
كامنت قطعه اي از كد مي باشد كه توسط مرورگرها ناديده گرفته مي شود. افزودن كامنت به كد HTML خود، تمرين خوبي است، به ويژه در داكيومنت هاي پيچيده براي نشان دادن بخش هايي از يك داكيومنت به هركسي كه كد را نگاه مي كند. كامنت ها به شما و ديگران كمك مي كنند تا كد خود را متوجه شويد و قابليت خواندن آن را افزايش مي دهد.
كامنت هاي HTML بين برچسب هاي واقع مي شوند. بنابراين هر محتوايي كه بين اين برچسب ها واقع شود، مثل كامنت با آن رفتار خواهد شد و توسط مرورگرها به طور كامل ناديده گرفته خواهد شد.

 مثال:

نمونه يك

 
 
     
  This is document title
 

 
 
Document content goes here.....
 
 
 
اين مثال نتيجه ي زير را بدون نمايش محتواي ارائه شده به عنوان بخشي از كامنت ها، به دنبال دارد.
Document content goes here.....
 
كامنت هاي معتبردر مقابل كامنت هاي نامعتبر
كامنت ها تودرتو نمي شوند، يعني اينكه يك كامنت نمي تواند در داخل كامنت ديگري قرار بگيرد. خط تيره ي (dash) دوتايي "--" ممكن نيست در داخل يك كامنت ظاهر شود، به جز در مواردي كه بخشي از برچسب closing باشد. شما بايد مطمئن باشيد كه هيچ فضاي خالي در ابتداي رشته ي كامنت وجود ندارد.

 مثال:
در اينجا كامنت ارائه شده يك كامنت معتبر مي باشد و توسط مرورگر پاك مي شود.
 

نمونه دو

 
 
 
  Valid Comment Example
 
       
 
Document content goes here.....
 
 
 
اما خط زير يك كامنت معتبر نيست و توسط مرورگر نمايش داده خواهد شد. اين به اين خاطر است كه فضايي بين حاشه ي چپ پرانتز و علامت تعجب وجود دارد.

 مثال:

نمونه سه

 
 
    Invalid Comment Example
    < !--   This is not a valid comment -->   
 
Document content goes here.....
 
 
 
كامنت هاي چندخطي
تاكنون فقط كامنت هاي تك خطي را مشاهده كرديم، اما HTML كامنت هاي چندخطي را نيز پشتيباني مي كند.
شما مي توانيد كامنت هاي چند خطي داشته باشيد با استفاده از برچسب آغازگر --!> و پايان دهنده ي ،--> كه قبل از اولين خط و در پايان آخرين خط قرار ميگيرد.

 مثال:

نمونه چهار
 
 
 
Multiline Comments
 
       
Document content goes here.....
 
 
 

كامنت هاي شرطي
كامنت هاي شرطي تنها در اينترنت اكسپلورر روي ويندوز كار مي كنند، اما توسط مرورگرهاي ديگر هم ناديده گرفته مي شوند. اين كامنت ها در Internet Explorer 5 به بالاتر پشتيباني مي شوند و مي توانيد از آنها براي دادن دستورات شرطي به ورژن هاي مختلف IE استفاده كنيد.

 مثال:

نمونه پنج

 
 
    Conditional Comments
    
 
Document content goes here.....
 
 
 
در جايي كه نياز خواهيد داشت يك صفحه ي طراحي متفاوت بر اساس ورژن هاي مختلف اينترنت اكسپلورر به كار بگيريد، به راه حلي نياز خواهيد داشت. در اين مواقع چنين كامنت هاي شرطي مفيد خواهند بود.
 
استفاده از برچسب كامنت
مرورگرهاي كمي هستند كه استفاده از برچسب را براي كامنت بخشي از كد HTML استفاده مي كنند.

 مثال:

نمونه شش

 
 
 
  Using Comment Tag
 
 
This is not Internet Explorer.
 
 
 
اگر از IE استفاده مي كنيد، نتيجه ي زير حاصل خواهد شد:
 
This is Internet Explorer.
اما اگر در حال استفاده از IE نمي باشد، نتيجه ي زير حاصل مي شود.
 
This is Internet Explorer.
كد اسكريپت كامنت
شما جاوا اسكريپت را در يك آموزش مجزا با HTML ياد خواهيد گرفت. در اينجا بايد دقت كنيد كه اگر در حال استفاده از java script يا vb script در كد html خود هستيد، بنابراين توصيه مي شود كه آن كد اسكريپت را در داخل كامنت هاي مناسب HTML قرار دهيد طوري كه مرورگرهاي قديمي بتوانند به درستي كار كنند.

 مثال:

نمونه هفت
 
 
 
 
  Commenting Script Code 
 
 
Hello , World!
 
 
 

كامنت صفحات طراحي
گرچه شما HTML را در يك آموزش مجزا با صفحات طراحي فرا ميگيريد، اما در اينجا بايد دقت داشته باشيد كه اگر از CSS در كد HTML خود استفاده مي كنيد، بنابراين توصيه مي شود كه كد صفحه ي طراحي را در داخل كامنت هاي مناسب HTML قرار دهيد، طوريكه مرورگرهاي قديمي بتوانند كار كنند.

 مثال:

نمونه هشت
 
 
    Commenting Style Sheets   

 
 
 
Hello , World!
 
 
 

 ممكن است بنا به دلايلي كدها كامل نمايش داده نشود جهت مشاهده برروي دوره آموزش طراحي سايت كليك نماييد  
            
   برچسب ها:
آموزش جامع دوره طراحي سايت, آموزش طراحي سايت, آموزش برنامه نويسي, آموزش طراحي وب, 


          
          
            
              
              
                ۰ نظر 
            
          
        
        
           
              آموزش طراحي سايت -آموزش Attributeها در HTML 
          
          
            
              
               sali  سه شنبه ۲۱ اردیبهشت ۰۰ ۱۶:۴۲   ۵ بازديد  
آموزش طراحي سايت -آموزش Attributeها در HTML-آموزش HTML
 
آموزش طراحي سايت -آموزش Attributeها در HTML-آموزش HTML
ويژگي هاي زبان HTML
 
در اين مبحث از آموزش هاي HTML مي خواهيم به بررسي برخي از ويژگي هاي زبان HTML بپردازيم:
برخي از برچسب هاي HTML مانند برچسب هاي تيتر و برچسب هاي پاراگراف، و موارد استفاده ي آنها را مشاهده كرديم. تاكنون از آنها به ساده ترين شكل خود استفاده كرده ايم، اما بيشتر برچسب هاي HTML مي توانند ويژگي هايي داشته باشند كه مقداري اطلاعات اضافه مي باشد.
يك attribute براي تعريف ويژگي هاي عنصر HTML استفاده مي شود و در داخل برچسب بازكننده ي عنصر قرار مي گيرد. همه ي ويژگي ها از دو بخش تشكيل شده اند: name و value.
 
 

Name ويژگي مورد نظر شما براي تنظيم ميباشد، به عنوان مثال عنصر پاراگرافp> > در مثال ارائه شده داراي ويژگي مي باشد كه نام آن align مي باشد و شما مي توانيد از آن براي تنظيم پاراگراف در صفحه استفاده كنيد.
Value همان است كه شما مي خواهيد مقدار ويژگي تنظيم شود و هميشه در داخل گيومه قرار مي دهيد. مثال زير سه مقدار ممكن ازيك ويژگي تراز را نشان مي دهد: چپ، مركز و راست.

ويژگي نام ها و ويژگي مقادير غيرهوشمند مي باشند. به هرحال وب جهاني Consortium (W3C) مقادير ويژگي ها را در HTML 4 با حروف كوچك پيشنهاد مي دهد.
 مثال:
نمونه يك
 
ويژگي هاي اصلي
چهار ويژگي اصلي كه مي توانند در اكثر عناصر HTML مورد استفاده قرار بگيرند عبارتند از:

id
title
class
style

ويژگي id
ويژگي id يك برچسب HTML مي تواند براي تشخيص يك عنصر در يك صفحه ي HTML مورد استفاده قرار بگيرد. دو دليل اصلي براي تمايل شما به استفاده از ويژگي id در يك عنصر وجود دارد:

اگر يك عنصر يك ويژگي را به عنوان تشخيص دهنده ي منحصر به فرد استفاده مي كند شناخت تنها آن عنصر و محتواي مربوط به آن ممكن مي باشد.
اگر داراي دو عنصر هم نام در يك صفحه ي وب مي باشيد، مي توانيد از عنصر id براي تشخيص اين عناصر هم نام استفاده كنيد.

در مورد طراحي صفحه در آموزش هاي مجزا بحث خواهيم كرد، اكنون اجازه بدهيد از ويژگي id براي تشخيص عناصر بين دو پاراگراف استفاده كنيم، مانند مثال زير:
<p id="html">This para explains what is HTMLp>
 
<p id="css">This para explains what is Cascading Style Sheetp>
 
 
. به وبسايت آموزش طراحي سايت مراجعه فرماييد  HTML يراي ديدن وِِيژگي هاي عناصر
 
.   چنانچه سوالي در اين زمينه داريد در كامنت مطرح نماييد و يا با شماره تلفن 09373889811در ارتباط 
باشيد
 

            
   برچسب ها:
آموزش طراحي سايت, دوره آموزش سايت, دوره برنامه نويسي, 


          
          
            
              
              
                ۰ نظر 
            
          
        
        

        
        
                    
                        
                        
                            ۱
                        
                            ۲

Row 1, Column 1	Row 1, Column 2
Row 2, Column 1	Row 2, Column 2

Column 1	Column 2	Column 3
Row 1 Cell 1	Row 1 Cell 2	Row 1 Cell 3
Row 1 Cell 1	Row 2 Cell 2	Row 2 Cell 3
Row 3 Cell 1

row 1, column 1	row 1, columnn 2
row 2, column 1	row 2, columnn 2

This is the head of the table
This is the foot of the table
Cell 1	Cell 2	Cell 3	Cell 4